<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        /* 

         */
    </script>
</head>
<body>
    <div>
        区域1
    </div>
    
    <span>
        区域2
    </span>

    <script>
        /* 
            需求1：获取整个页面的内容
            Document.documentElement 是一个会返回文档对象（document）的根元素的只读属性（如 HTML 文档的 <html> 元素）。
         */
         const htmlEle = document.documentElement
        //  console.log(htmlEle)

         /* 
            需求2：想要获取body的内容
          */
          console.log(document.body);
    </script>
</body>
</html>